<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="less">
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  outline: none 0;
}
a {
  text-decoration: none;
}

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
}
body {
  font-size: 16px;
  background-color: #f5f5f5;
  -webkit-font-smoothing: antialiased;
}
.van-swipe-item{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.normal_tab .van-tabs__line {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 20px!important;
    height: 3px!important;
    background: #63B3FF!important;
    border-radius: 2px;
}
.goods {
  padding-bottom: 50px;
}
.topTab {
  .van-tabs__nav {
    background: #fff;
  }
  .van-tabs__wrap {
    position: fixed;
    top: 42px;
    left: 0;
    width: 100%;
    height: 50px;
  }
  .van-tab {
    font-size: 16px;
    color: #666666;
  }
  .van-tab.van-tab--active {
    color: #000000;
    font-weight: bold;
  }
  .van-tabs__line {
    background-color: #63b3ff;
  }
  .van-tabs__content {
    padding: 50px 0 60px 0;
  }
}
.f_red {
  color: #FF4D40!important;
}
.f_green {
  color: #02DAC1!important;
}
.f_grey {
  color: #666;
}
.f_blue {
  color: #389EFF!important;
}
.f_org {
  color: #FF791C!important;
}
.f_12 {
  font-size: 12px;
}
#app {
  min-height: 100vh;
}
.topBar {
  width: 100%;
  height: 42px;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 9999;
  box-shadow: 0px 1px 0px 0px #eeeeee;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  line-height: 42px;
  position: fixed;
  .i_left {
    color: #999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
  }
}
/**flex 布局**/
.flex_column_top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.flex_column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex: 1;
}

.flex_column_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.flex_column_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex_column_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex_top {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.flex_center_top {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}

.flex_start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.flex_end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
.flex_start_end{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;		
}

.flex_between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.flex_between_end{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;		
}
.flex_between_top {
  display: flex;
  justify-content: space-between;
}
.flex_1{
  flex:1;
}
.flex_shrink{
  flex-shrink: 0;
  }
.flex_wrap {
  flex-wrap: wrap;
}
.fl_wrap {
	flex-wrap: wrap;
}
</style>
